<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>泡泡侠---订单详情</title>
  <link rel="stylesheet" href="css/app.css">
  <script type="text/javascript">
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };
         
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>

<body>
<section id="wrapper">
  
  
  <section id="header" pp_name="悬浮页头" style="display:none;">
    <div class="header header_dd">
      <a href="#" class="l on"><span >订单详情</span></a>
    </div>
  </section> 
  <sectin id="ddxq_body"  pp_name="订单详情">
    <div class="ddxq_body bottom">
      
      <div class="box dd">
          <span class="bord">订单编号：15070621164544</span>
          <span class="bord">订单状态：<i >等待服务</i></span>
          <span class="">服务时间：<i >2015-07-09 10:00-12:00</i></span>    
      </div>
      <div class="box yh">
          <span class="bord t">我的信息</span>
          <span class="l">吴先生</span>
          <span class="r">13888569748</span>
          <span class="">昆明市 西山区 滇池路融城优郡B2栋14楼</span>    
      </div>
      <div class="clear"></div>
      <div class="box wl">
          <span class="bord t">物流信息</span>
          <div class="innerbox">
           <img src="images/done.png" alt="">
            <div class="text bord">
              <span class="">等待分配取件员</span>
               <span class="">2015-07-09 10:00-12:00</span>  
            </div>
          </div>
          <div class="innerbox">
           <img src="images/doing.png" alt="">
            <div class="text bord">
              <span class="">等待分配取件员</span>
               <span class="">2015-07-09 10:00-12:00</span>  
            </div>
          </div>
      </div>
      <div class="btn bottom">
        <button>取 消 订 单</button>
      </div>
    </div>
    
  </sectin>
  <section id="footer" pp_name="悬浮页脚">
    <div class="footer">
      <a href="#" class="l on"><span >洗衣</span></a>
      <a href="#" class="m "><span >订单</span></a>
      <a href="#" class="r "><span >个人</span></a>
    </div>
  </section>
</section>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper3.1.0.jquery.min.js"></script>
<script>


 
 
$(document).ready(function(){

$("#header .header_dd a").click(function(){
  if(!$(this).hasClass("on")){
      $(this).addClass("on");
      $(this).siblings().removeClass("on");
      var hide_box=$(".tab").eq($(this).index());
      $(hide_box).slideDown();
      $(hide_box).siblings().slideUp();
  }
});
        
         







});
</script>
</body>
</html>